<!DOCTYPE HTML>
<html>
<head>
    <title>UGTUG - Utah Google Technology User Group</title>
    <!--<meta http-equiv="X-UA-Compatible" content="chrome=IE8">-->
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="keywords" content="ugtug, utah, gtug, google, android, maps, html5, search, usergroup, technology, gwt" />

    <link href='http://fonts.googleapis.com/css?family=Electrolize|Maven+Pro|Gruppo|Rock+Salt|Actor'
          rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="css/styles.css" type="text/css"/>
    <link href="https://plus.google.com/{plusPageUrl}" rel="publisher"/>

    <script type="text/javascript" src="js/lib/dateFormat.js"></script>
    <script type="text/javascript" src="js/lib/jquery-1.7.1-min.js"></script>

    <script type="text/javascript" src="js/blogger.js"></script>
    <script type="text/javascript" src="js/calendar.js"></script>
    <script type="text/javascript" src="js/sponsors.js"></script>
    <script type="text/javascript" src="js/app.js"></script>


    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-27842011-1']);
        _gaq.push(['_setDomainName', 'utah-gtug.org']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
    </script>

    <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
        {"parsetags" : "explicit" }
    </script>
</head>
<body>

<!--[if IE]>
    <script type="text/javascript"
     src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>

    <script>
     window.attachEvent("onload", function() {
       CFInstall.check({
         mode: "overlay"
       });
     });
    </script>
<![endif]-->


<div id="container">
    <header>
        <h1>Utah Google Technology User Group</h1>
        <!--<span class="user">Hello, Gabriel</span>-->
    </header>

    <div id="cols">
        <section>
            <article class="blue-stripe">
                <div class="words">
                    <h1>Welcome to the UGTUG</h1>

                    <p>
                        The Utah Google Technology User Group or as we like to call ourselves - the UGTUG, is a user
                        group
                        for people who are interested in Google's developer technologies.
                    </p>

                    <div id="ugtug-androidify">
                        <div class="head"></div>
                        <div class="body"></div>
                        <div class="larm"></div>
                        <div class="rarm"></div>
                    </div>

                    <p>
                        We focus on everything from Android, App Engine and GWT to HTML5, YouTube, Maps, Google+ and
                        much <a
                            href="http://code.google.com">more</a>. Our goal is to provide an environment where people
                        can
                        learn,
                        innovate and collaborate together in a social setting. We are passionate about technology and we
                        invite anyone else who shares this same interest and passion to attend and participate in our group.
                    </p>


                    <p>
                        Check out the list of upcoming events on this page to find our next meeting. You can also follow us on <a
                            href="https://plus.google.com/111917982940065392922/posts">Google+</a> or <a
                            href="https://twitter.com/#!/ugtug">Twitter</a> and even subscribe to our Google Group.
                    </p>
                </div>

            </article>

            <article id="blogpost1" class="yellow-stripe loading">
            </article>

            <article class="youtube">
                <iframe width="620" height="345"
                        src="http://www.youtube.com/embed/videoseries?list=PL72233FF3B814AFE0&amp;hl=en_US&amp;hd=1"
                        frameborder="0" allowfullscreen></iframe>
            </article>

            <article id="blogpost2" class="green-stripe grow loading">
            </article>
        </section>
        <section>
            <article class="upcoming red-stripe loading">
                <h1>Upcoming Events</h1>
                <ul id="upcomingEvents">
                </ul>
            </article>

            <article class="blue-stripe">
                <h1>Follow Us</h1>
                <script src="http://widgets.twimg.com/j/2/widget.js"></script>
                <script>
                    new TWTR.Widget({
                        version: 2,
                        type: 'profile',
                        rpp: 5,
                        interval: 30000,
                        width: 'auto',
                        height: 300,
                        theme: {
                            shell: {
                                background: '#333333',
                                color: '#ffffff'
                            },
                            tweets: {
                                background: '#000000',
                                color: '#ffffff',
                                links: '#f9b820'
                            }
                        },
                        features: {
                            scrollbar: false,
                            loop: false,
                            live: true,
                            behavior: 'all'
                        }
                    }).render().setUser('ugtug').start();
                </script>

            </article>
            <article class="subscribe yellow-stripe">
                <h1>Subscribe to our Google Group</h1>

                <form action="http://groups.google.com/group/utah-gtug/boxsubscribe">
                    Email: <input type=text name=email>
                    <input type=submit name="sub" value="Subscribe">
                </form>
                <!--<a href="http://groups.google.com/group/utah-gtug">Visit this group</a>-->

            </article>
            <article class="sponsors green-stripe grow">
                <h1>Our Sponsors</h1>

                <div id="logos">
                    <a href="http://jetbrains.com"><img
                            src="http://www.jetbrains.com/img/logos/recommend_idea2.gif"></a>
                    <a href="http://teksystems.com"><img src="images/tek.JPG"></a>
                </div>
            </article>
        </section>
    </div>

    <footer>
        <!--Copyright &copy 2011 Utah Google Technology User Group-->
    </footer>
</div>

<script>
    function growColumn() {
        var col1 = document.querySelector('#cols section:nth-child(1)');
        var heightCol1 = col1.scrollHeight;

        var col2 = document.querySelector('#cols section:nth-child(2)');
        var heightCol2 = col2.scrollHeight;

        var dif = (heightCol1 - heightCol2);

        var growThis = dif > 0 ?
                document.querySelector('#cols section:nth-child(2) .grow') :
                document.querySelector('#cols section:nth-child(1) .grow');

        if (growThis) {
            growThis.style.height = (growThis.scrollHeight - 20) + Math.abs(dif) + 'px';
        }
    }

    //    setTimeout(function() {
    //        growColumn();
    //    }, 200);

</script>

</body>
</html>